import React, { Component } from 'react'
// react 并不会真正的绑定事件到每一个具体《》的元素上，而是采用事件带来的模式，模拟事件机制
export default class App extends Component {
    a=100
      add(e){
        console.log("add,e=",e.target);
    }
     add2=(name)=>{
        console.log("add2,name:"+name);
    }
  render() {
    return (
      <div>
        <input type="text"/>
        {/* 事件处理on大写，驼峰写法 */}
        {/* this.add不要加()会立即执行，跟vue不同 */}
        <button onClick={this.add.bind(this)}>add</button>
        {/* 推荐:匿名箭头函数写法，可以传参数 */}
        <button onClick={()=>this.add2("bjyx")}>add2</button>
        <button onClick={()=>{console.log("事件处理"+this.a);}}>add3</button>
      </div>
    )
  }
}
// 改变this指向
// call，改变this指向，自动执行函数
// apply，改变this指向，自动执行函数
// bind，改变this指向，不会自动执行函数，手动加()执行
